/* 自动添加浏览器厂商前缀
---------------------------------------------------- */
// 1.创建一个元素用于判断浏览器厂商
let elementStyle = document.createElement('div').style

// 2.检测当前浏览器厂商
let vender = (() => {
  let transformName = {
    standard: 'transform', // 标准
    webkit: 'webkitTransform', // 谷歌
    Moz: 'MozTransform', // 火狐
    O: 'OTransform', // 欧朋
    ms: 'msTransform' // IE
  }

  for (let key in transformName) {
    if (elementStyle[transformName[key]] !== undefined) {
      return key
    }
  }
  return false
})()

// 3.返回处理后的样式结果
export function prefixStyle (style) {
  if (vender === false) {
    // console.log('style false')
    return false
  }

  if (vender === 'standard') {
    // console.log('style standard')
    return style
  }

  // 浏览器厂商 + 首字母大写
  const res = vender + style.charAt(0).toUpperCase() + style.substring(1)
  // console.log(res)

  return res
}
